<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>渐变色项目</title>
    <link rel="stylesheet" href="styles.css" />
</head>
<style>


</style>

<body>
    <div class="controls">
        <input id="color1" type="color" name="color1" value="#8e1e1e" />
        <input id="color2" type="color" name="color2" value="#fc00ff" />
    </div>
    <div class="gradient"></div>
    
</body>

<script src="index.js"></script>
</html>